extends layerout
block style
    style.
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .container {
            max-width: 600px;
            margin: auto;
            padding: 15px;
        }

        .video {
            padding-bottom: 40px;
        }

        .title {
            line-height: 1.2em;
            margin: 12px 0;
            color: #000;
            font-size: 1rem;
            font-weight: 600;
        }

        .content {
            margin: 30px 0;
        }

        iframe {
            width: 100%;
            display: inline-block;
        }

        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

block content
    .container
        .row
            .video.col-lg-6.col-lg-offset-3
                .title=video.title
                .content!=video.content
block script
    script.
        iframe = document.querySelectorAll("iframe")[0];
        iframe.height = window.innerWidth * 3.2 / 4;
